<template>
	<view>
		<view class="w-max" v-if="!list.length">
			<u-empty />
		</view>
		<view v-for="(item,index) in list" :key="index" @click="jump(item)" class="flex radius20 bg-fff m20 p20 ">
			<image :src="item.image||''" class="h152 w152 radius20 " mode="aspectFill"></image>
			<view class="flex1 ml24 flex-col als-s row-between">
				<view class="fs28 color-232323">{{item.name}}</view>
				<view class="fs26 color-666">{{item.hospital}}</view>
				<view class="flex ">
					<view class="color-fs fs24 fw-700 ">￥</view>
					<view class="color-fs flex1 fs32 fw-700">{{item.price}}</view>
					<view class="">
						<view class="bg-zs color-fff h64 w140 radius12 flex row-center fs26">立即预约</view>
						<!-- <u-button type="warning" size="mini">立即预约</u-button> -->
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "serviceList",
		props: {
			list: {
				default: ''
			},
			organ_id: {
				default: ''
			},
			hospital_id: {
				default: ''
			},
			master_id: {
				default: ''
			},
		},
		data() {
			return {

			};
		},
		created() {
		},
		methods: {
			jump(item) {
				this.$goDemo(item)
			}
		}
	}
</script>

<style lang="scss">

</style>
